.star-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 3rem;
  gap: 10px;
}

.star {
  border: none;
  padding: 0;
  font-size: inherit;
  background-color: transparent;
}

.star-empty::before {
  content: '☆';
}

.star-filled::before {
  color: gold;
  text-shadow: 0px 0px 2px black;
  cursor: pointer;
  content: '★';
}

.info {
  margin: 2rem;
}

.smiley-container {
  font-size: 6rem;
}
